<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head></h:head>
<ui:composition template="/template/mainLayout.xhtml">
	<ui:param name="windowsTitle" value="Listado Rubro"></ui:param>
	<ui:define name="bodyContent">
		<h:form>
			<rich:panel styleClass="tabla" style="width:800px;">

				<rich:panel styleClass="centrado">
					<h:panelGrid styleClass="tabla" columns="2"
						columnClasses="primerColumna, segundaColumna">

						<h:outputText styleClass="texto" value="Nombre: " />
						<h:inputText value="#{rubroBean.rubroFiltro.nombreRurbo}" />

						<h:outputText styleClass="texto" value="Activo:" />
						<h:selectBooleanCheckbox style="width: 20px; "
							value="#{rubroBean.rubroFiltro.activo}" />
						<h:outputText />
						<h:commandButton value="Filtrar"
							style="margin-left:30px; width: 100px;" styleClass="texto"
							action="#{rubroBean.refresh}" />

						<h:inputHidden value="#{rubroBean.rubroToDelete}" id="inputDelete" />

						<h:commandButton id="buttonDelete" value=" "
							action="#{rubroBean.borrarRubro}"
							onclick="return confirm('¿Desea dar de baja el rubro junto con los productos asociados?');"
							styleClass="invisible" />
						<h:inputHidden value="#{rubroBean.rubro.id}" id="inputModify" />
						<h:commandButton id="buttonModify" value=" "
							action="#{rubroBean.modificarRubroInit}" styleClass="invisible" />

					</h:panelGrid>
					<h:panelGrid styleClass="tabla">

						<rich:extendedDataTable styleClass="tabla"
							value="#{rubroBean.rubros}" var="rubro" id="listadoRubrosTable"
							width="416" height="125" rows="4">
							<center>
								<rich:column sortable="false" width="42px">
									<h:commandLink
										onclick="tabla.actionClick('#{rich:clientId('buttonDelete')}','#{rich:clientId('inputDelete')}',#{rubro.id})">
										<h:graphicImage value="/resources/img/buttons/x.png"
											width="15" height="15" />
									</h:commandLink>

									<h:commandLink
										onclick="tabla.actionClick('#{rich:clientId('buttonModify')}','#{rich:clientId('inputModify')}',#{rubro.id})">
										<h:graphicImage value="/resources/img/buttons/editar.jpg"
											width="15" height="15" />
									</h:commandLink>
								</rich:column>

								<rich:column sortanñe="false" label="Cod" id="cod" style="text-align:center;" width="48px" headerClass="columnaEspecial2">
									<f:facet name="header">
										<h:outputText value="Cod"
											style="margin-left:auto; margin-right:auto; text-align: center;" />
									</f:facet>
									<h:outputText value="#{rubro.id}" />
								</rich:column>
								<rich:column id="col_2" label="Nombre" width="285px"
									styleClass="fullContainer">
									<f:facet name="header">
										<h:outputText value="Nombre" />
									</f:facet>
									<h:outputText value="#{rubro.nombre}" style="max-width: 287px;" />
								</rich:column>
								<rich:column style="text-align:center;" width="60px" label="Activo" headerClass="columnaEspecial">
									<f:facet name="header">
										<h:outputText value="Activo" />
									</f:facet>
									<h:selectBooleanCheckbox value="#{rubro.activo}" disabled="true" />
								</rich:column>
							</center>
						</rich:extendedDataTable>
					</h:panelGrid>

					<rich:dataScroller for="listadoRubrosTable" maxPages="5"
						renderIfSinglePage="false"></rich:dataScroller>

				</rich:panel>
			</rich:panel>

		</h:form>



	</ui:define>
</ui:composition>
</html>
